<template>
    <div class="about">
        <h1 v-for="area in areaList" :key="area.id">{{ area.name }}</h1>
    </div>
</template>
<script>
    import area from '../api/area'
    export default({
        data() {
            return{
                areaList:[]
            }
        },
        created() {
            area.getList(100000).then(response=>{
                if(response.data.code === 200){
                    console.log(response)
                    this.areaList = response.data.data
                }
            }).catch(e =>{
                console.log(e)
            })
        }
    })
</script>

